<template>
  <div class="home-page">
    <mall-header></mall-header>
    <cart-title></cart-title>
    <cart-board></cart-board>
    <mall-footer></mall-footer>
  </div>
</template>

<script lang="ts">
// @ is an alias to /src
import { Vue, Component } from "vue-property-decorator";

import MallHeader from "@/components/MallHeader/MallHeader.vue";
import CartTitle from "@/components/CartTitle/CartTitle.vue";
import CartBoard from "@/components/CartBoard/CartBoard.vue";
import MallFooter from "@/components/MallFooter/MallFooter.vue";

//装饰器 - 函数接收Home组件对象
@Component({
  name: "Home",
  components: {
    MallHeader,
    CartTitle,
    CartBoard,
    MallFooter,
  },
})
export default class Home extends Vue {}
</script>
